<template>
	<view class="">
		<view class="search">
			<uni-search-bar @confirm="search" @input="input" ></uni-search-bar>
		</view>
		
		<view>
			<banner></banner>
		</view>
		<div class="container">
			<view class="intro">本项目已包含uni ui组件，无需import和注册，可直接使用。在代码区键入字母u，即可通过代码助手列出所有可用组件。光标置于组件名称处按F1，即可查看组件文档。
			</view>
			<text class="intro">详见：</text>
			<uni-link :href="href" :text="href"></uni-link>
		</div>
	</view>
</template>

<script>
	import banner from "../../components/banner/banner.vue"
	export default {
		data() {
			return {
				href: 'https://uniapp.dcloud.io/component/README?id=uniui',
			}
		},
		components:{
			banner,
		},
		methods: {
			search(e){
				console.log("search:"+e)
			},
			input(e){
				console.log("input-search:"+e)
			},
		}
	}
</script>

<style scoped>
	.container {
		padding: 20px;
		font-size: 14px;
		line-height: 24px;
	}
	.search {
		padding: 5px;
		background-color: #fff;
	}
</style>
